<template>

  <view class="u-page" style="background-color: #fffdfe;">

    <u-navbar :is-back="false" :title="title" :background="background" :border-bottom="false">
      <view class="slot-wrap">
        <u-image width="480rpx" height="90rpx" src="/static/images/logo.png"></u-image>
      </view>
    </u-navbar>

    <div>
      <div class="u-flex u-pt-15 u-pb-10 u-pl-10 u-pr-10 user-info">
        <div class="search-width">
          <u-search :show-action="false" :clearabled="true" shape="square" height="65" :placeholder="hotText"
                    bg-color="#fffdfe" v-model="keyword" @search="search"></u-search>
        </div>
      </div>
	  
	  <div class="u-mt-5 u-mb-5 application-bar">
		  <div class="application-bar-item" v-for="(item,index) in ApplicationBar" :key="index" @click="toApplicationBar(item)">
			  <u-image width="90rpx" height="90rpx" :src="item.image"></u-image>
			  <div class="u-pt-5">{{item.title?item.title:''}}</div>
		  </div>
	  </div>

      <div style="width: 93%;margin: 0 auto;">
        <u-swiper :list="list" height="250" border-radius="15" @click="clickSwiper"></u-swiper>
      </div>
	  
	  <div class="u-pt-15" v-if="EnterpriseTopList && EnterpriseTopList.length>0">
		  <div class="women-channel-top">
			  <div class="u-title u-fz-22">推荐企业</div>
			  <div class="u-flex" @click="toEnterpriseList">
				  <div class="small-text-color">查看更多</div>
				  <div>
					  <u-icon name="arrow-right" color="#b0aeaf"></u-icon>
				  </div>
			  </div>
		  </div>
		  <div class="u-mt-10">
			  <swiper class="swiper" circular :indicator-dots="true" indicator-active-color="#eb5468" indicator-color="#f1d7e0" :autoplay="true" style="height: 370rpx;border-radius: 20rpx;">
			  	<swiper-item v-for="(item,index) in EnterpriseTopList" :key="index">
			  		<div class="services-li" @click="toEPDetails(item)">
			  			<div class="u-pb-15 services-li-item">
			  				<div class="u-flex-1 u-col-center">
			  					<div class="u-flex u-col-center u-flex-1">
			  						<div :class="isEnoughLength(item.enterpriseInfo.enterpriseName)?'os-job-name':'os-job-name2'">
			  							{{item.enterpriseInfo.enterpriseName?item.enterpriseInfo.enterpriseName:''}}
			  						</div>
			  						<div :class="isEnoughLength(item.enterpriseInfo.enterpriseName)?'u-pl-5':''">
			  							<u-image width="40rpx" height="40rpx" src="https://www-1308272144.cos.ap-guangzhou.myqcloud.com/Meily/img/Enterprise/EnterpriseLevel1.png"></u-image>
			  						</div>
			  					</div>
			  					<div class="u-flex u-pt-5">
									<div class="u-flex">
										<u-icon name="map" size="30"></u-icon>
										<div class="u-pl-5">
											{{item.enterpriseInfo.province?item.enterpriseInfo.province:''}} {{item.enterpriseInfo.city?item.enterpriseInfo.city:''}}
										</div>
									</div>
									<div class="u-pl-20 u-flex">
										<u-icon name="calendar" size="30"></u-icon>
										<div class="u-pl-5">成立{{getYearsByCreateTime(item.enterpriseInfo.establishmentDate)}}</div>
									</div>
			  					</div>
			  					<div class="u-pt-5 industry">
			  						{{item.enterpriseInfo.industry?item.enterpriseInfo.industry:''}}
			  					</div>
			  				</div>
			  				<div class="avatar-shadow">
								<u-avatar size="130" mode="square" bg-color="#ffffff" img-mode="scaleToFill" :src="item.enterpriseInfo.avatar"></u-avatar>
			  				</div>
			  			</div>
			  			<div class="divider-line"></div>
			  			<div class="u-pt-10 u-pb-5 u-flex">
			  				<div>
			  					旗下品牌
			  				</div>
			  				<div class="u-pl-10 brand-list">
			  					{{item.relevancyItemDto.brandList.join(' ')}}
			  				</div>
			  			</div>
			  		</div>
			  	</swiper-item>
			  </swiper>
		  </div>
	  </div>
	  
	  <!-- 职业用户推荐 -->
	  <div class="u-pt-10">
	      <!-- <div class="career-tabs">
	        <u-tabs :list="CareerRecommendations" bg-color="#fffdfe" :show-bar="false" active-color="#444444" inactive-color="#6b6969"
	                :active-item-style="{fontSize:'44rpx'}" height="100" font-size="30" gutter="13" :current="careerCurrent"
	                @change="changeCareer"></u-tabs>
	      </div>
		  <div style="width: 90%;margin: 0 auto;">
			  <div class="career-item" v-for="(item,index) in Wokers" :key="index">
				  <div class="u-flex">
					  <u-image width="80rpx" height="80rpx" border-radius="10" :src="getWorkersAvatar(item)"></u-image>
					  <div class="career-item-content-r">
						  <div class="u-flex">
							  <div class="u-fz-16 u-font-bold" style="padding-right: 5rpx;">
								  {{item.userName?item.userName:''}}
							  </div>
							  <u-icon :name="item.sex=='男'?'man':'woman'" :color="item.sex=='男'?'#4c97f5':'#ef8b9c'" size="35"></u-icon>
						  </div>
						  <div class="small-text-color u-fz-13 worker-item-desc">
							  {{(item.ageGroup?(item.ageGroup+' · '):'') + (item.region?(item.region.replaceAll('-','')+' · '):'') + (item.identityType?item.identityType:'')}}
						  </div>
					  </div>
				  </div>
				  <div>
					  <u-icon name="arrow-right" color="#b0aeaf"></u-icon>
				  </div>
			  </div>
			  <div class="loadMore u-p-5" @click="toMoreCareer">查看更多</div>
		  </div> -->
		  <!-- 女性频道 -->
		  <div>
			  <div class="women-channel-top">
				  <div class="u-title u-fz-22">女性频道</div>
				  <!-- <div class="u-flex">
					  <div class="small-text-color">查看更多</div>
					  <div>
						  <u-icon name="arrow-right" color="#b0aeaf"></u-icon>
					  </div>
				  </div> -->
			  </div>
			  <div class="women-channels-swiper" v-if="WomenChannelsTop && WomenChannelsTop.length>0">
			    <u-swiper :list="WomenChannelsTop" :title="true" height="300" border-radius="15" :title-style="{fontSize:'30rpx',fontWeight:'bold'}" @click="clickWomenSwiper"></u-swiper>
			  </div>
			  <div v-for="(item, index) in WomenChannels" :key="index" @click="toWomenChannels(item)">
			  	<div class="u-flex u-row-between u-col-center u-mb-5 u-pt-10 women-channel-item">
			  		<u-avatar :src="item.image" size="160" mode="square"></u-avatar>
			  		<div class="u-col-center u-flex-1 u-pl-10">
						<div class="u-title women-channel-item-title">
							<span>{{item.title}}</span>
						</div>
			  			<div class="u-pt-15">
			  				<div class="u-cl-content u-fz-13 small-text-color">
			  					{{item.createTime?item.createTime:''}}
			  				</div>
			  			</div>
			  		</div>
			  	</div>
			  </div>
		  </div>
		  <!-- 合作场景 -->
		  <div class="u-pt-30">
			  <div class="women-channel-top">
				  <div class="u-title u-fz-22">合作场景</div>
				 <!-- <div class="u-flex">
					  <div class="small-text-color">前往最佳拍档工作平台</div>
					  <div>
						  <u-icon name="arrow-right" color="#b0aeaf"></u-icon>
					  </div>
				  </div> -->
			  </div>
			  <div v-for="(item, index) in CollaborationScenarios" :key="index" @click="routePage(item)">
				<div class="u-flex u-row-between u-col-center u-mb-5 u-pt-10 collaboration-item">
					<div class="u-col-center u-flex-1 u-pr-10">
						<div class="u-title collaboration-item-title">
							<span>{{item.title}}</span>
						</div>
						<div class="u-pt-10">
							<div class="u-cl-content u-fz-13 collaboration-scenarios-desc small-text-color">
								{{item.desc?item.desc:''}}
							</div>
						</div>
					</div>
					<u-avatar :src="item.image" size="160" mode="square"></u-avatar>
				</div>
			  </div>
		  </div>
	  </div>
	  <Notice ref="noticeModule"></Notice>
    </div>
	
  </view>
</template>

<script>
import globalData from "@/globalData";
import navbar from "../components/navbar.vue"

export default {
  components: {
    navbar
  },

  data() {
    return {
      list: [],
      WorkGuides: [],//工作指南
      IndexBottom: [],//底部广告图
      demandList: [],
      activityList: [],
      UserInfo: {},
      KF_show: false,//寻找客服模态框
      KF_content: '',
      backgroundColor: 'linear-gradient(to right , #f6ede6, #eeceed)',
      // title: '玫丽工作平台',
      background: {
        // 导航栏背景图
        // background: 'url(/static/images/logo.png) no-repeat',
        // 还可以设置背景图size属性
        // backgroundSize: 'cover',
        // 渐变色
        backgroundImage: 'linear-gradient(to right , #f5ece5, #eec9d6)'
      },
      hotText: '请输入关键字搜索工作、商品、学习资源',
	  ApplicationBar: [//应用栏
		  {
			  image: 'https://www-1308272144.cos.ap-guangzhou.myqcloud.com/Meily/img/Index/initiateCollaboration.png',
			  title: '发起协作',
			  url: '/pages_private_scene1/ExpertCooperate/publishJob'
		  },
		  {
			  image: 'https://www-1308272144.cos.ap-guangzhou.myqcloud.com/Meily/img/Index/searchGoods.png',
			  title: '寻找货源',
			  url: '/pages_private_scene2/GroupPurchase/SummerHot'
		  },
		  {
			  image: 'https://www-1308272144.cos.ap-guangzhou.myqcloud.com/Meily/img/Index/publishResources.png',
			  title: '发布资源',
			  url: ''
		  },
		  {
			  image: 'https://www-1308272144.cos.ap-guangzhou.myqcloud.com/Meily/img/Index/customDevelopment.png',
			  title: '定制开发',
			  url: 'openKfid'
		  }
	  ],
	  careerCurrent: 0,
	  CareerRecommendations: [
		  {name: '推荐资源'},
		  {name: '测评师'},
		  {name: '商超便利店'},
		  {name: '餐饮店铺'},
		  {name: '团购驿站'},
		  {name: '线上服务商'}
	  ],
	  Wokers: [],
	  WomenChannels: [],//女性频道
	  WomenChannelsTop: [],
	  CollaborationScenarios: [//合作场景
		  {
			  image: 'https://www-1308272144.cos.ap-guangzhou.myqcloud.com/Meily/img/Index/carbonTideMan.png',
			  title: '碳潮人——生活行为创造价值',
			  desc: '关注碳足迹和环保的一群人，通过改变自己的生活行为，为环保事业做出贡献。'
		  },
		  {
			  image: 'https://www-1308272144.cos.ap-guangzhou.myqcloud.com/Meily/img/Index/bilingual.png',
			  title: '双语者——语言能力创造价值',
			  desc: '作为文化交流的桥梁，促进不同国家和地区之间的相互理解和合作。'
		  },
		  {
			  image: 'https://www-1308272144.cos.ap-guangzhou.myqcloud.com/Meily/img/Index/seaStarSpace.png',
			  title: '海上星空间——高端会员制俱乐部',
			  desc: '打造政府企业统战部下的高端会员制俱乐部，享受高端服务、投资与公益活动。'
		  },
		  {
			  image: 'https://www-1308272144.cos.ap-guangzhou.myqcloud.com/Meily/img/Index/dataAnnotationStation.png',
			  title: '数据标注站——多类型的标注服务',
			  desc: '专门从事数据标注服务，提供数据标注、数据清洗、数据分类、数据标签等服务。'
		  }
	  ],
	  BoyAvatar: globalData.IMGS.BoyAvatar,
	  GirlAvatar: globalData.IMGS.GirlAvatar,
	  EnterpriseTopList: [],
    }
  },

  mounted() {

  },

  onShow() {
    this.UserInfo = uni.getStorageSync('userInfo')
    this.getAds()
	this.reloadNotice()
  },

  onPullDownRefresh() {
    this.getAds()
    // this.getWorkersData()
	this.getWomenChannelsTopData()//女性频道数据
	this.getEnterpriseTopData()//推荐企业数据
    // 停止Loading
    uni.stopPullDownRefresh();
  },

  onReachBottom() {

  },

  onLoad(option) {
    // this.getWorkersData()
	this.getWomenChannelsTopData()//女性频道数据
	this.getEnterpriseTopData()//推荐企业数据
  },

  methods: {
    // 跳转指定的url
    redirectToUrl(url,source) {
      if (url){
        this.routeAD(url, source)
      }
    },
    /**
     * 获取首页广告图
     */
    async getAds() {
      let result = await this.$u.api.unifyMiniRest({
        systemid: "meily",
        url: "/config/list",
        configType: "index"
      });
      if (result.code == 200) {
        let rows = result.rows
        if (rows.length > 0) {
          this.list = []
          this.WorkGuides = []
          this.IndexBottom = []
          this.activityList = []
          for (const i in rows) {
            if (rows[i].configKey == 'index-top') {
              let obj = {image: rows[i].imageLink.split(",")[0], link: rows[i].configLink, source: rows[i].configFrom}
              this.list.push(obj)
            } else if (rows[i].configKey == 'index-work-guide') {
              let obj = {image: rows[i].imageLink.split(",")[0], link: rows[i].configLink, source: rows[i].configFrom}
              this.WorkGuides.push(obj)
            } else if (rows[i].configKey == 'index-bottom') {
              let obj = {image: rows[i].imageLink.split(",")[0], link: rows[i].configLink, source: rows[i].configFrom}
              this.IndexBottom.push(obj)
            } else if (rows[i].configKey == 'index-activity') {
              let obj = {image: rows[i].imageLink.split(",")[0], link: rows[i].configLink, source: rows[i].configFrom}
              this.activityList.push(obj)
            }
          }
        }
      }
    },

    /**
     * 点击轮播图跳转
     */
    clickSwiper(index) {
      this.routeAD(this.list[index].link, this.list[index].source)
    },
	
	/**
	 * 点击女性频道轮播图跳转
	 */
	clickWomenSwiper(index) {
	  this.routeAD(this.WomenChannelsTop[index].link, this.WomenChannelsTop[index].source)
	},

    /**
     * 搜索
     */
    async search() {
      if (this.keyword) {
        this.$u.route("/pages_tabbar_contact/index_contact/IndexSearchResult?keyword=" + this.keyword);
      }

    },

    /**
     * 获取搜索关键词
     */
    async getHotText() {
      let result = await this.$u.api.unifyMiniRest({
        systemid: "meily",
        url: "/hall/hot/task",
        collectType: 'market',
        loading: false
      });
      if (result.code == 200) {
        if (this.isNotNull(result.data)) {
          this.hotText = '大家都在搜' + result.data
        }
      }
    },

    /**
     * 点击头像登录
     */
    login() {
      this.checkLogin();
    },

    /**
     * 获取二维码弹窗数据
     */
    async getQrCodeData() {
      let data = await this.$u.api.unifyRequest({
        appid: 'AppletsPro',
        wf_num: 'R_AppletsPro_B056',
        UniquePosition: 'index-index',
        loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
      });
      if (data.code == 200) {
        this.KF_content = data.data.TopContent + `<img src="` + data.data.CodeUrl + `" height="150"></img>` + data.data.BottomContent
        this.KF_show = true
      }
    },

    /**
     * 查看更多
     */
    lookMore() {
      uni.reLaunch({url: '/pages/index/jobIndex'})
    },

    /**
     * 路由跳转
     */
    routePage(item) {
      this.$u.route(item.taskUrl)
    },

	/** 
	 * 轮播图公告点击跳转
	 */
	jumpNotice(index) {
		this.routeAD(this.NoticeDataList[index].jumpAddress, 'applet')
	},

    /**
     * 将换行符转成<br>
     * @param {Object} str
     */
    escapeBR(str) {
      return str.replace(/\n/g, "<br>");
    },

    /**
     * 跳转到生活
     */
    tolive(link) {
      uni.reLaunch({url: link})
    },
	
	changeCareer(index) {
		if(this.careerCurrent != index){
			this.careerCurrent = index
			this.getWorkersData()
		}
	},
	
	/**
	 * 获取推荐工作者数据
	 * searchType：0推荐资源；1测评师、2区域服务商、3商超便利店、4餐饮店铺、5团购驿站
	 */
	async getWorkersData() {
	  let result = await this.$u.api.unifyMiniRest({
	    systemid: "meily",
	    url: "/customer/recommend/list",
	    searchType: this.careerCurrent,
		pageNum: 1,
	    pageSize: 10,
	    loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
	  });
	  if (result.code == 200) {
	      this.Wokers = result.rows
	  }
	},
	
	/** 
	 * 获取女性频道置顶数据
	 */
	async getWomenChannelsTopData() {
	  let result = await this.$u.api.unifyMiniRest({
	    systemid: "meily",
	    url: "/article/applet/list",
		isTop: 1,
	    loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
	  });
	  if (result.code == 200) {
			let pagesize = 5
			this.WomenChannelsTop = []
			if(result.data && result.data.length>0){
				let topData = result.data
				if(topData.length == 5) this.WomenChannels=[]
				for(const i in topData){
					let obj = {image: topData[i].image, title: topData[i].title, link: topData[i].url, source: 'officialAccount'}
					if(i < 5) {
						this.WomenChannelsTop.push(obj)
					}else{
						if(i == 5) this.WomenChannels=[]
						this.WomenChannels.push(topData[i])
					}
				}
				if(result.data.length < 10){
					if(result.data.length > 5){
						pagesize = pagesize - (result.data.length-5)
					}else{
						this.WomenChannels = []
					}
					this.getWomenChannelsData(pagesize)
				}
			}else{
				this.WomenChannels = []
				this.getWomenChannelsData(pagesize)
			}
	  }
	},
	
	/**
	 * 获取女性频道数据
	 */
	async getWomenChannelsData(pagesize) {
	  let result = await this.$u.api.unifyMiniRest({
	    systemid: "meily",
	    url: "/article/applet/list",
		isTop: 0,
	    pageNum: 1,
	    pageSize: pagesize,
	    loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
	  });
	  if (result.code == 200) {
			let topData = result.data
			for(const i in topData){
				this.WomenChannels.push(topData[i])
		    }
	  }
	},
	
	/** 
	 * 点击应用模块
	 */
	toApplicationBar(item) {
		if(this.$u.test.isEmpty(item.url)){
			this.showMSG('none','关注我们，敬请期待！')
		}else if(item.url == 'openKfid'){
			this.openCustomerServiceChat()
		}else{
			this.$u.route(item.url)
		}
	},
	
	/** 
	 * 点击女性频道
	 */
	toWomenChannels(item) {
		if(!this.$u.test.isEmpty(item.url)){
			this.routeAD(item.url,'outside')
		}
	},
	
	/**
	 * 点击联系客服
	 */
	async openCustomerServiceChat() {
		let result = await this.$u.api.unifyMiniRestGet({
		   systemid: "meily",
		   url: "/qyapi/kf/account/url/".concat(globalData.openKfid_customized),
		   loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
		});
		if (result.code == 200) {
		   const pages = getCurrentPages(); // 获取栈实例
		   //当前页面路径(带参数)
		   let currentPage = pages[pages.length - 1]['$page']['fullPath']
		   let kfUrl = result.data
		   wx.openCustomerServiceChat({
			extInfo: {
			 url: kfUrl
			},
			corpId: globalData.corpId,
			showMessageCard: true,
			sendMessagePath: currentPage,
			success(res) {
			 console.log(res)
			}
		   })
		} else {
		   this.showMSG('error', '出错啦！');
		}
	},
	
	/** 
	 * 获取推荐工作者的头像地址
	 */
	getWorkersAvatar(item){
		if(this.$u.test.contains(item.avatarUrl, globalData.CosBucket) || this.$u.test.contains(item.avatarUrl, 'thirdwx.qlogo.cn')){
			return item.avatarUrl
		}else{
			if(item.sex == '男'){
				return this.BoyAvatar
			}else{
				return this.GirlAvatar
			}
		}
	},

	/** 
	 * 获取推荐企业数据
	 */
	async getEnterpriseTopData() {
		let result = await this.$u.api.unifyMiniRest({
			systemid: "meily",
			url: "/enterprise/applet/page/list",
			isTop: 1,
			pageNum: 1,
			pageSize: 5,
			loading: false
		});
		if (result.code == 200) {
			if(result.rows && result.rows.length>0) {
				this.EnterpriseTopList = result.rows
			}
		}
	},

	//生成一个根据日期参数返回距离今天是多少年，如果不够一年则返回月份数的函数
	getYearsByCreateTime(createTime){
		const date = new Date(createTime)
		const today = new Date()
		const diffInMilliseconds = today - date
		const diffInYears = parseInt(diffInMilliseconds / (1000 * 60 * 60 * 24 * 365))
		const diffInMonths = parseInt((diffInMilliseconds % (1000 * 60 * 60 * 24 * 365)) / (1000 * 60 * 60 * 24 * 30))
		if (diffInYears >= 1) {
			return diffInYears + "年"
		} else {
			return diffInMonths + "个月"
		}
	},
	
	/** 
	 * 跳转到热门企业
	 */
	toEnterpriseList() {
		this.$u.route('pages_tabbar_contact/index_contact/EnterpriseList')
	},
	
	/** 
	 * 跳转到热门资源
	 */
	toMoreCareer() {
		this.$u.route('pages_tabbar_contact/index_contact/ResourceList')
	},
	
	/** 
	 * 跳转到企业主页
	 */
	toEPDetails(item) {
		this.$u.route('pages_tabbar_contact/index_contact/EnterpriseInfo?userId=' + item.enterpriseInfo.userId + '&enterpriseNo=' + item.enterpriseInfo.enterpriseNo)
	},
	
	/**
	 * 根据公司名称的长度计算是否在范围内
	 */
	isEnoughLength(name) {
		return this.$u.test.rangeLength(name, [0, 14])
	}

  }

};
</script>

<style lang="scss" scoped>

.title {
  font-size: 32rpx;
  font-weight: bold;
}

.search {
  width: 100%;
  text-align: left;
  background-color: #fff;
  padding-top: 20rpx;
}

.search-width {
  // width: 88%;
  width: 100%;
}

.loadMore {
  text-decoration: underline;
  color: #b0aeaf;
  text-align: center;
}

.user-info {
  background: linear-gradient(to right, #f5ece5, #eec9d6)
}

.box-title {
  font-size: 44rpx;
  font-weight: 550;
  line-height: 120rpx;
  text-align: center;
  color: #282728;
}

.work-task-li {
  padding: 30rpx 20rpx;
}

.slot-wrap {
  display: flex;
  align-items: center;
  /* 如果您想让slot内容占满整个导航栏的宽度 */
  /* flex: 1; */
  /* 如果您想让slot内容与导航栏左右有空隙 */
  padding: 0 20rpx;
}

.slot-content {
  font-size: 28rpx;
  color: #bcbcbc;
  text-align: left;
  width: 85%;
  margin: 0 auto;
  padding-top: 20rpx;
  padding-bottom: 20rpx;
}

.mask-solt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.mask-close {
  display: flex;
  justify-content: center;
}

.career-tabs {
	font-weight: bold;
	width: 95%;
	margin: 0 auto;
	border-bottom: 2rpx solid #e2e0e1;
}

.career-item {
	padding: 30rpx 0rpx 30rpx 20rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.career-item-border-top {
	border-top: 2rpx solid #e2e0e1;
}

.career-item-content-r {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 30rpx;
}

.women-channel-top {
	display: flex;
	justify-content: space-between;
	width: 93%;
	margin: 0 auto;
	height: 80rpx;
	line-height: 80rpx;
	border-bottom: 2rpx solid #efeeee;
}

.women-channel-item {
	width: 93%;
	margin: 0 auto;
}

.women-channel-item-title {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;//溢出内容隐藏
	text-overflow: ellipsis;//文本溢出部分用省略号表示
	display: -webkit-box;//特别显示模式
	-webkit-line-clamp: 2;//行数
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.collaboration-scenarios-desc{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;//溢出内容隐藏
	text-overflow: ellipsis;//文本溢出部分用省略号表示
	display: -webkit-box;//特别显示模式
	-webkit-line-clamp: 2;//行数
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.collaboration-item {
	width: 90%;
	margin: 0 auto;
}

.collaboration-item-title {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;//溢出内容隐藏
	text-overflow: ellipsis;//文本溢出部分用省略号表示
	display: -webkit-box;//特别显示模式
	-webkit-line-clamp: 2;//行数
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.small-text-color {
	color: #b0aeaf;
}

.application-bar {
	width: 93%;
	margin: 0 auto;
	border-radius: 15rpx;
	// background-color: #ffffff;
	display: flex;
	// box-shadow: 5rpx 5rpx 5rpx 5rpx #f3f2f2eb;
}

.application-bar-item {
	padding: 30rpx 20rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 25%;
}

.worker-item-desc {
	width: 500rpx;   
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.women-channels-swiper {
	width: 93%;
	margin: 0 auto;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.services-li {
	width: 95%;
	margin: 0 auto;
	height: 300rpx;
	background-color: #fffdfe;
	padding: 30rpx 20rpx;
	/* margin-top: 20rpx; */
	border-radius: 10rpx;
	/* box-shadow: 2rpx 6rpx 20rpx #efebeb;
	border-bottom: 2rpx solid #efebeb;
	border-right: 2rpx solid #efebeb; */
	box-shadow: 5rpx 5rpx 10rpx 5rpx #f3f2f2eb;
}

.services-li-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.os-job-name {
	font-size: 32rpx;
	font-weight: bold;
}

.sub-text-color {
	color: #bcbcbc;
}

.divider-line {
	width: 70%;
	border-bottom: 2rpx #efeeee  solid;
}

.brand-list {
	width: 550rpx;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.industry {
	width: 470rpx;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.os-job-name2 {
	font-size: 32rpx;
	font-weight: bold;
	width: 460rpx;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.avatar-shadow {
	border-radius: 10rpx;
	box-shadow: 0 5rpx 5rpx 0rpx #ebebeb;
}

</style>
